<template>
  <div class="pageContent">
    <!-- 全屏轮播图 -->
    <div class="fullWrap">
      <fullScreen></fullScreen>
    </div>

  </div>
</template>
<script>
import { onMounted, ref, computed } from 'vue'
import fullScreen from './components/fullScreen'
import { useStore } from "vuex";


export default {
  components: {
    fullScreen
  },
  setup(){
    const store = useStore()
    const addCount = ref(1500)
    const currentRate = ref(0)
    const rate = computed(()=>store.state.walking.rate)

    const addRange = () => {
      currentRate.value += Number(addCount.value)
    }
    const culRange = () => {
      currentRate.value -= Number(addCount.value)
      currentRate.value = currentRate.value<0?0:currentRate.value
    }

    onMounted(()=>{
        // debounce(getStep, 1000)()
    })

    return {
      addRange,
      culRange,
      currentRate,
    }
  }
}
</script>
<style lang="less" scoped>
.bg{
  background-color: #eee;
  
}
.fullWrap{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
</style>